<template>
	<view
		style="position: absolute;background-color: #007CDC;width: 100%;height: 100%;display: flex;flex-direction: row;">

		<!--  菜单列表 -->
		<view style="width: 90px;height: 100%;background-color: #eee">
			<scroll-view style="height: 100%;width: 100%;" scroll-y="true">

				<view v-for="(item,index) in menuListDatas"
					style="width: 100%; background-color: #ffffff;height: 46px;display: flex;align-items: center;justify-content: center;"
					:style='{"background-color":item.sqlState==true?"#ffffff":"#eee"}' @click="menuItemClick(index)">
					<label style="font-size: 13px;color: #303133;">
						{{item.name}}
					</label>
				</view>

			</scroll-view>


		</view>
		<!-- 内容列表 -->
		<view style="width: calc(100% - 90px);height: 100%;">

			<z-paging ref="paging" v-model="list" @query="queryList" style="width: 100%;height: 100%;background-color: #ffffff;" :fixed="false" show-refresher-when-reload>
				<view class="item" v-for="(item,index) in list" :key="index" style="width: 100%;" @click="enterBookInfoDetail(index)">
					<view style="height: calc(100% - 20px);width: calc(100% - 30px);display: flex;flex-direction: row;">
						
						<view style="width: calc(100% - 80px); height: 100px;display: flex;flex-direction: column;">
							<view style="height: 25px;width: 100%;display: flex;align-items: center;">
								<label style="color: #303133;font-size: 15px;">血税</label>
							</view>
							
							<view style="height: calc(100% - 55px);width: 100%;">
								<label style="display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;text-overflow: ellipsis;overflow: hidden;font-size: 12px;color: rgb(138, 138, 138);margin-right: 5px;">东线的战争已经终结，年轻的甲骑兵从死亡和疯狂的边缘逃生。世界之都向他展开遥远的霓虹，十层二十层阴谋的气息与低语在耳边萦绕，一切温柔和美好都仿佛虚假的梦幻。    出现在他面前的是无法拒绝的诱惑，以及……不可逾越的透明障壁。这是一个剑与魔法、爱与背叛、灵魂与钢铁交织的世界。</label>
							</view>
							
							<view style="height: 25px;width: 100%;margin-top: 5px;display: flex;flex-direction: row;justify-content: space-between;">
								<view style="height: 100%;display: flex;align-items: center;">
									<label style="font-size: 12px;color: #303133;">大瓜熊</label>
								</view>
								<view style="height: 100%;display: flex;align-items: center;">
									<label style="font-size: 12px;color: #DA3D3F;">7人气</label>
								</view>
								<view style="height: 100%;display: flex;align-items: center;">
									<label style="font-size: 12px;color: #303133;margin-right: 5px;height: 20px;color: #2979ff;background-color: #ecf5ff;order: 1px solid #a0cfff;border-radius: 50px;font-size: 10px;padding-left: 10px;padding-right: 10px;line-height: 20px;"> 连载中 </label>
								</view>
							</view>
							
							
						</view>
						
						<view style="width: 80px; height: 100px;">
							<image style="height: 100%;width: 100%;" src="https://www.xbiquge.la/files/article/image/89/89425/89425s.jpg" lazy-load></image>
						</view>
						
					</view>
				</view>
			</z-paging>
			

		</view>


	</view>
</template>

<script>
	import data from "./data.js"
	import methods from "./methods.js"
	export default {

		data() {
			return data.init(this)
		},
		onLoad() {},
		created() {

		},
		mounted() {

		},
		methods: methods

	}
</script>

<style scoped >
	.item{
		height: 120px;
		border-bottom: solid 1px #eeeeee;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}
</style>
